/* devlopr-jekyll styling */

/* variables */
$body-typeface:'Quicksand', sans-serif;
$nav-typeface: "Gill sans";
$mono-typeface: Menlo, Monaco, monospace;
$text-width: 650px;

html[data-theme="dark"] {
    --bold-color: rgb(188, 188, 188);
    --box-background-color: hsl(0, 0%, 20%);
    --highlight-color: hsl(0, 0%, 60%);
    --light-border-color: hsl(0, 0%, 30%);
    --light-text-color: rgb(199, 199, 204);
    --link-color: #f69801;
    --link-color-visited: hsl(250, 100%, 60%);
    --main-background-color: rgb(28, 28, 30);
    --main-text-color: rgb(139, 139, 139);
    --medium-text-color: hsl(0, 0%, 70%);
    --underline-color: hsl(0, 0%, 50%);
    --social-link-color: #ffffff;
    --card-background-color: rgb(32, 32, 34);
    --newsletter-background-color: #222324;
    --button-background-color: #111;
}

html,
html[data-theme="light"] {
    --bold-color: rgb(0, 0, 0);
    --box-background-color: rgb(249, 249, 250);
    --highlight-color: hsl(0, 0%, 80%);
    --light-border-color: rgb(230, 230, 230);
    --light-text-color: rgb(72, 72, 74);
    --link-color: rgb(0, 112, 201);
    --link-color-visited: hsl(250, 100%, 37%);
    --main-background-color: rgb(255, 255, 255);
    --main-text-color: rgb(51, 51, 51);
    --medium-text-color: hsl(0, 40%, 2%);
    --sidebar-color: hsl(0, 0%, 90%);
    --underline-color: hsl(0, 0%, 60%);
    --social-link-color: #262222;
    --card-background-color: rgb(250, 250, 250);
    --newsletter-background-color: #00000008;
    --button-background-color: #fff;
}

@media (prefers-color-scheme: dark) {
     /* Dark Mode */
    html,
    html[data-theme="dark"] {
        --bold-color: rgb(188, 188, 188);
        --box-background-color: hsl(0, 0%, 20%);
        --highlight-color: hsl(0, 0%, 60%);
        --light-border-color: hsl(0, 0%, 30%);
        --light-text-color: rgb(199, 199, 204);
        --link-color: #f69801;
        --nav-color: #131313;
        --search-color: #FF7901;
        --nav-link-color: rgba(255, 255, 255, .5);
        --link-color-visited: hsl(250, 100%, 60%);
        --main-background-color: rgb(28, 28, 30);
        --main-text-color: rgb(139, 139, 139);
        --medium-text-color: hsl(0, 0%, 70%);
        --underline-color: hsl(0, 0%, 50%);
        --social-link-color: #ffffff;
        --card-background-color: rgb(32, 32, 34);
        --newsletter-background-color: #222324;
        --button-background-color: #111;
    }

    /* Light Mode */
    html[data-theme="light"] {
        --bold-color: rgb(0, 0, 0);
        --box-background-color: rgb(249, 249, 250);
        --highlight-color: hsl(0, 0%, 80%);
        --light-border-color: rgb(230, 230, 230);
        --light-text-color: rgb(72, 72, 74);
        --link-color: #ca6521;
        --nav-color: #ffffff;
        --nav-link-color: #111111;
        --search-color: #ababab;
        --link-color-visited: hsl(250, 100%, 37%);
        --main-background-color: rgb(255, 255, 255);
        --main-text-color: rgb(51, 51, 51);
        --medium-text-color: hsl(0, 0%, 20%);
        --sidebar-color: hsl(0, 0%, 90%);
        --underline-color: hsl(0, 0%, 60%);
        --social-link-color: #262222;
        --card-background-color: rgb(250, 250, 250);
        --button-background-color: #fff;
    }
}

html,
html[data-theme="dark"],
html[data-theme="light"] {
    height: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
}


/* Progress bar */
.my-class .bar {
    background: #f69801;
}

body {
    background-color: var(--main-background-color) !important;
    color: var(--main-text-color) !important;
    font-family: 'Quicksand', sans-serif !important;
    font-feature-settings: "kern"on;
    font-size: 1.4rem;
    font-variant-numeric: oldstyle-nums;
    hanging-punctuation: first last;
    height: 100%;
    line-height: 1.35em;
    margin: 0;
    text-rendering: optimizeLegibility;
    padding-top:33px;
    overflow-x:hidden;
    overflow-y:scroll;
}

.col-lg-12{
    padding-left: 0px !important;
    padding-top: 20px !important;
    padding-right: 0px !important;
}

.col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 5px !important;
}

pre {
    display: block;
    font-size: 87.5%;
    color: #d4d4d4 !important;
}

blockquote {
    margin: 2rem 1rem 1rem;
    padding: 3px;
    background: var(--main-background-color) !important;
    border: 1px solid;
    color: var(--bold-color);
}

/* Scrollbar */

 /* width */
 ::-webkit-scrollbar {
    width: 10px;
 }

  /* Track */
  ::-webkit-scrollbar-track {
    background:  rgb(28, 28, 30);;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #212529;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #333;
  }

h1, h2, h3, h4, h5, h6 {
  color: var(--bold-color) !important;
  line-height: 1.1;
}

a{
    color: var(--link-color) !important;
}
/* Navigation Header */
header {
    background-color: var(--main-background-color);
    box-shadow:0px;
    height: auto;
    width: 100%;
    padding: 11px;
}


/* bootstrap override */
.container-fluid {
    padding: 0px !important;
    width: fit-content !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 10px !important;
}
.card {
    margin: 20px !important;
    padding: 20px !important;
    background-color: var(--card-background-color) !important;
}

#topNav{
    padding-left: 100px;
    padding-right: 100px;
    background-color: var(--main-background-color) !important;
    box-shadow: #000 0px 0px 8px;
}

#navbar-hamburger, #navbar-search{
    color: var(--bold-color) !important;
}

.navbar-dark .navbar-brand {
    color: #ff7601 !important;
}
.navbar-dark .navbar-nav .nav-link {
    color: var(--nav-link-color) !important;
}
.navbar-dark .navbar-toggler {
    border-color:transparent !important;
}

.navbar-brand-img{
    width: 50px;
    height: 50px;
}

.btn-dark {
    background-color:var(--button-background-color) !important;
    color: var(--bold-color) !important;
}

.img-thumbnail {
    padding: .25rem;
    background-color: #000 !important;
    border: 1px solid #020305 !important;
    border-radius: .25rem;
    max-width: 100%;
    height: auto;
    margin: 15px;
}
#search-icon {
    color: var(--search-color) !important;
}

.breadcrumb {
    margin-top: 45px !important;
    /* margin-right: 20px !important; */
    margin-bottom: 20px !important;
    font-size: 15px;
    background-color: var(--card-background-color) !important;
}

#blog-post-container{
    margin-top: -20px;
    margin-left: -35px;
}

.snipcart-modal__container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 100vh;
    z-index: 10;
    margin-top: 60px !important;
    padding: 5px !important ;
    background-color: var(--main-background-color) !important;
}

.snipcart-cart__content {
    margin: 0 auto;
    background-color: var(--main-background-color) !important;
}

.snipcart-modal {
    position: relative;
    margin: 25px auto !important;
    max-width: 100%;
    background-color: var(--main-background-color) !important;
    min-height: 100vh;
    height: 100%;
}

.snipcart-item-line {
    background-color:var(--main-background-color) !important;
    color: var(--bold-color) !important;
    margin-bottom: 24px;
    padding: 32px;
    -webkit-box-shadow: 0 8px 24px rgba(231,235,237,.6);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
}
.snipcart-item-quantity {
    color: var(--bold-color) !important;
    margin-top: -2px;
}
.snipcart-cart-summary-fees {
    color: var(--bold-color) !important;
}

.snipcart-cart-header {
    background-color: var(--main-background-color) !important;
    color: var(--bold-color) !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

.snipcart-modal__close-title {
    color: coral !important;
}
.snipcart__button--icon {
    border: 0px solid #f0f5f6 !important;
}
#snipcart-floating-cart{
    margin-top: 90px !important;
}

.snipcart-cart-button--secondary {
    color: --var(--bold-color) !important;
    background-color: var(--button-background-color) !important;
    padding: 16px;
    text-transform: none;
}
.snipcart-payment-methods__title {
    background-color: black !important;
}

/* jumbotron */
.jumbotron {
    background-color: var(--main-background-color) !important;
    background-image: url('https://images.pexels.com/photos/1037992/pexels-photo-1037992.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
/* pagination */
.pagination-link{
    padding:15px;
    background-color: var(--card-background-color);
    text-decoration: none;
}
.pagination-link a:hover{
    background-color: var(--main-background-color);
    text-decoration: none;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    margin-left: 20px !important;
}

.jumbotron-heading{
    color: #111;
    font-size: 35px;
}

.lead {
    font-size: 1.30rem !important;
    font-weight: 600;
    color: #111 !important;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 25px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.product{
    width: 29%;
    float:left;
}

/* floating btn for buy me coffee */
#bmc-wbtn{
    bottom: 40px !important;
}

/* Disqus */
#reactions .reaction-items .reaction-item .reaction-item__text, #reactions-promotion .reaction-items .reaction-item .reaction-item__text {
    margin-left: 8px;
    color: var(--main-text-color) !important;
}

#reactions, #reactions-promotion {
    margin-bottom: 10px;
    color:var(--main-text-color) !important;
}

/* Gallery */
/* image-gallery */
#imageGallery{
    margin-top: 30px;
    margin-bottom: 30px;
}

.lg-progress-bar .lg-progress {
    background-color: #db980f !important;
    height: 4px;
    width: 0;
}


/* Homepage project cards*/

#project-card{
    margin: 0px !important;
}
#article{
    margin-left: 35px !important;
    margin-top: 20px !important;
}
.project_thumbnail{
    text-align: center;
}
.project-img{
    width:150px;
    height:100px;
}
.project_details{
    padding: 10px;
}
.project_links {
    margin: 4px;
    padding-top: 32px;
    padding-left: 50px !important;
}

#blog-posts-container{
    margin-left:20px !important;
}

#article-container{
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 7fr 4fr;
}

#recent-articles,#recent-projects{
    margin-top: 100px !important;
}

#recent-articles-header{
    display: grid;
    width: 100%;
    grid-template-columns: 17fr 2fr;
}
#article-img, #article-link, #article-alert{
    padding-left: 10px;
    padding-top: 10px;
    margin: 4px;
}
.recent-article-link{
    font-size: 20px;
    text-decoration: none;
}
.article-card-link, .article-card-link:hover{
    text-decoration: none;
    color: orange !important;
}
.article-card{
    list-style-type: none;
}
.article-card a :hover{
    text-decoration: none;
    background: #303030!important;
    border-color: #303030;
    background: transparent;
}


@media (min-width: 768px) {
    .offset-md-1 {
    margin-left: 3.333333% !important;
    }
    // #topNav{
    //     padding-left: 100px;
    //     padding-right: 100px;
    //     background-color: var(--nav-color) !important;
    // }
}

#profile-card {
    text-align: center;
    #author-img{
        text-align: center;
    }
    .profile-img {
        width: 150px;
        height: 150px;
        margin-left: 20px;
    }
    .profile-name {
        margin-top: 20px;
    }
    .profile-bio,
    .profile-links {
        margin-top: 5px;
    }
    .social-link {
        color: var(--social-link-color) !important;
        font-size: 15px;
        padding: 5px;
        margin: 2px;
        text-decoration: none !important;
    }
    #header-nav{
        float: right;
        margin-inline-start: 45px;
    }
    #navigation{
        margin-top:50px;
    }
    .nav-link {
        font-size: 15px !important;
        color: var(--main-text-color);
        font-weight: 600;
    }

}

#author_projects {
    .project-img {
        width: 300px;
        height: 200px;
    }
    #project-card{
        margin-top:30px;
    }
    .project-link{
        color: var(--link-color);
    }
}


.company-logo {
    width: 100px;
    height: 100px;
}

.author-profile-img {
    width: 150px;
    height: 150px;
}

.blog-post {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    width: 45%;
    height: auto;
    margin: 20px !important;
}

.blog-post:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}


#newsletter_footer {
    background-color: var(--newsletter-background-color);
    color: var(--main-text-color);
    text-align: center;
    margin-top: 100px;
}

    #mc-embedded-subscribe-form {
        width: 100%;
        padding: 50px;
    }

    #mc_embed_signup_scroll_footer {
        margin-left: 25%;
        margin-right: 25%;
        text-align: center;
        font-size: 22px;
    }

    #mce-EMAIL_footer {
        width: 400px;
        padding: 14px;
        color: #111;
        border-color: #111;
        background: bisque;
        text-align: center;
        text-transform: capitalize;
        border: 1px solid #fff;
    }

    #mc-embedded-subscribe_footer {
        margin-top: 30px;
    }

footer {
    width: 100%;
    height: 70px;
    text-align: center;
    padding: 20px;
    background-color: var(--main-background-color);
    color: var(--main-text-color);
}



/* Responsive Media Queries */

 /*
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 320px to 480px
  */

@media (min-width: 320px) and (max-width: 480px) {

         header {
              height: auto;
              text-align: center;
              background-color: var(--main-background-color);
              box-shadow:0px;
              height: auto;
              width: 100%;
              padding: 1px;

                 #author-img {
                     margin-left: auto;
                     margin-right: auto;
                     width: 100%;
                 }

                 #author_details {
                     text-align: center;
                 }
          }

            #mc-embedded-subscribe-form {
                width: 100%;
                padding: 50px;
            }

            #mc_embed_signup_scroll_footer {
                margin-left: 5%;
                margin-right: 5%;
                text-align: center;
                font-size: 12px;
            }

            #mce-EMAIL_footer {
                width: 200px;
                padding: 14px;
                color: #111;
                border-color: #fff;
                text-align: center;
                text-transform: capitalize;
                border: 1px solid #fff;
            }

            #mc-embedded-subscribe_footer {
                margin-top: 30px;
            }

            .blog-post {
                width: 100%;
                height: auto;
                margin: 20px !important;
            }

            .product{
                width: auto;
                float:left;
            }
            #topNav {
                padding-left:  0px;
                padding-right: 0px;
            }

            .navbar-brand {
                display: inline-block;
                padding-top: .3125rem;
                padding-bottom: .3125rem;
                margin-right: 1rem;
                font-size: 1.25rem;
                line-height: inherit;
                white-space: nowrap;

            }
            .jumbotron {
                padding: 10rem 1rem !important;
            }

}

/* Smartphones */
@media (min-width: 200px) and (max-width: 319px) {
    header {
        height: auto;
        text-align: center;
        background-color: var(--main-background-color);
        box-shadow:0px;
        height: auto;
        width: 100%;
        padding: 1px;

           #author-img {
               margin-left: auto;
               margin-right: auto;
               width: 100%;
           }

           #author_details {
               text-align: center;
           }
    }

      #mc-embedded-subscribe-form {
          width: 100%;
          padding: 50px;
      }

      #mc_embed_signup_scroll_footer {
          margin-left: 5%;
          margin-right: 5%;
          text-align: center;
          font-size: 12px;
      }

      #mce-EMAIL_footer {
          width: 200px;
          padding: 14px;
          color: #111;
          border-color: #fff;
          text-align: center;
          text-transform: capitalize;
          border: 1px solid #fff;
      }

      #mc-embedded-subscribe_footer {
          margin-top: 30px;
      }

      .blog-post {
          width: 100%;
          height: auto;
          margin: 20px !important;
      }

      .product{
          width: auto;
          float:left;
      }
      #topNav {
          padding-left:  0px;
          padding-right: 0px;
      }

      .navbar-brand {
          display: inline-block;
          padding-top: .3125rem;
          padding-bottom: .3125rem;
          margin-right: 1rem;
          font-size: 1.25rem;
          line-height: inherit;
          white-space: nowrap;
          margin-left: -30px;

      }
      .jumbotron {
          padding: 10rem 1rem !important;
      }

}

 /*
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */

 @media (min-width: 481px) and (max-width: 767px) {

        /*Header Navigation */
        header {
            background-color: var(--main-background-color);
            box-shadow:0px;
            height: auto;
            width: 100%;
            padding: 11px;

            #author-img{
                margin-left:auto;
                margin-right: auto;
                width:100%;
            }
            #author_details{
                text-align: center;
            }
        }

        #topNav {
            padding-left:  0px;
            padding-right: 0px;
        }

          #mc-embedded-subscribe-form {
              width: 100%;
              padding: 50px;
          }

          #mc_embed_signup_scroll_footer {
              margin-left: 5%;
              margin-right: 5%;
              text-align: center;
              font-size: 12px;
          }

          #mce-EMAIL_footer {
              width: 200px;
              padding: 14px;
              color: #111;
              border-color: #fff;
              text-align: center;
              text-transform: capitalize;
              border: 1px solid #fff;
          }

          #mc-embedded-subscribe_footer {
              margin-top: 30px;
          }

          .blog-post {
                width: 100%;
                height: auto;
                margin: 20px !important;
            }

            .product{
                width: auto;
                float:left;
            }

 }

 /* Github Follow Button */
.widget-lg .btn, .widget-lg .social-count {
    height: 35px !important;
    padding: 10px 30px 1px !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

 .switch {
     position: relative;
     width: 80px;
     height: 38px;
     margin: 3px;
     appearance: none;
     -webkit-appearance: none;

     background-image: url('');
     background-size: cover;
     background-repeat: no-repeat;
     border-radius: 25px;
     box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.7);
     transition: background-image .7s ease-in-out;
     outline: none;
     cursor: pointer;
     overflow: hidden;
 }

 .switch:checked {
     background-image: url('');
     background-size: cover;
     transition: background-image 1s ease-in-out;
 }


 .switch:after {
     content: '';
     display: none;
    height: 37px;
    border-radius: 20px;
    background-color: #ffffff;
    position: absolute;
    left: -43px;
    top: 1px;
     transform: translateX(0px);
     animation: off .7s forwards cubic-bezier(.8, .5, .2, 1.4);
     box-shadow: inset 5px -5px 4px rgba(53, 53, 53, 0.3);
 }

 @keyframes off {
     0% {
         transform: translateX(80px);
         width: 46px;
     }

     50% {
         width: 75px;
         border-radius: 25px;
     }

     100% {
         transform: translateX(0px);
         width: 46px;
     }
 }



 .switch:checked:after {
     animation: on .7s forwards cubic-bezier(.8, .5, .2, 1.4);
     box-shadow: inset -5px -5px 4px rgba(53, 53, 53, 0.3);
 }

 @keyframes on {
     0% {
         transform: translateX(0px);
         width: 46px;
     }

     50% {
         width: 75px;
         border-radius: 25px;
     }

     100% {
         transform: translateX(80px);
         width: 46px;
     }
 }


 .switch:checked:before {
     content: '';
     width: 15px;
     height: 15px;
     border-radius: 50%;
     position: absolute;
     left: 15px;
     top: 5px;
     transform-origin: 53px 10px;
     background-color: transparent;
     box-shadow: 5px -1px 0px #fff;
     filter: blur(0px);
     animation: sun .7s forwards ease;
 }

 @keyframes sun {
     0% {
         transform: rotate(170deg);
         background-color: transparent;
         box-shadow: 5px -1px 0px #fff;
         filter: blur(0px);
     }

     50% {
         background-color: transparent;
         box-shadow: 5px -1px 0px #fff;
         filter: blur(0px);
     }

     90% {
         background-color: #f5daaa;
         box-shadow: 0px 0px 10px #f5deb4,
             0px 0px 20px #f5deb4,
             0px 0px 30px #f5deb4,
             inset 0px 0px 2px #efd3a3;
         filter: blur(1px);
     }

     100% {
         transform: rotate(0deg);
         background-color: #f5daaa;
         box-shadow: 0px 0px 10px #f5deb4,
             0px 0px 20px #f5deb4,
             0px 0px 30px #f5deb4,
             inset 0px 0px 2px #efd3a3;
         filter: blur(1px);
     }
 }



 .switch:before {
     content: '';
     width: 15px;
     height: 15px;
     border-radius: 50%;
     position: absolute;
     left: -30px;
     top: 4px;
     filter: blur(1px);
     background-color: #f5daaa;
     box-shadow: 0px 0px 10px #f5deb4,
         0px 0px 20px #f5deb4,
         0px 0px 30px #f5deb4,
         inset 0px 0px 2px #efd3a3;
     transform-origin: 53px 10px;
     animation: moon .7s forwards ease;
 }

 @keyframes moon {
     0% {
         transform: rotate(0deg);
         filter: blur(1px);
     }

     50% {
         filter: blur(1px);
     }

     90% {
         background-color: transparent;
         box-shadow: 5px -1px 0px #fff;
         filter: blur(0px);

     }

     100% {
         transform: rotate(170deg);
         background-color: transparent;
         box-shadow: 5px -1px 0px #fff;
         filter: blur(0px);
     }
 }

 /* Syntax Hightlighter */
 .highlight pre { background-color: #212529; padding: 20px;}
.highlight .hll { background-color: #272822; }
.highlight .c { color: #75715e } /* Comment */
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
.highlight .k { color: #66d9ef } /* Keyword */
.highlight .l { color: #ae81ff } /* Literal */
.highlight .n { color: #f8f8f2 } /* Name */
.highlight .o { color: #f92672 } /* Operator */
.highlight .p { color: #f8f8f2 } /* Punctuation */
.highlight .cm { color: #75715e } /* Comment.Multiline */
.highlight .cp { color: #75715e } /* Comment.Preproc */
.highlight .c1 { color: #75715e } /* Comment.Single */
.highlight .cs { color: #75715e } /* Comment.Special */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .kc { color: #66d9ef } /* Keyword.Constant */
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
.highlight .kn { color: #f92672 } /* Keyword.Namespace */
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
.highlight .kt { color: #66d9ef } /* Keyword.Type */
.highlight .ld { color: #e6db74 } /* Literal.Date */
.highlight .m { color: #ae81ff } /* Literal.Number */
.highlight .s { color: #e6db74 } /* Literal.String */
.highlight .na { color: #a6e22e } /* Name.Attribute */
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
.highlight .nc { color: #a6e22e } /* Name.Class */
.highlight .no { color: #66d9ef } /* Name.Constant */
.highlight .nd { color: #a6e22e } /* Name.Decorator */
.highlight .ni { color: #f8f8f2 } /* Name.Entity */
.highlight .ne { color: #a6e22e } /* Name.Exception */
.highlight .nf { color: #a6e22e } /* Name.Function */
.highlight .nl { color: #f8f8f2 } /* Name.Label */
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
.highlight .nx { color: #a6e22e } /* Name.Other */
.highlight .py { color: #f8f8f2 } /* Name.Property */
.highlight .nt { color: #f92672 } /* Name.Tag */
.highlight .nv { color: #f8f8f2 } /* Name.Variable */
.highlight .ow { color: #f92672 } /* Operator.Word */
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
.highlight .sc { color: #e6db74 } /* Literal.String.Char */
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
.highlight .se { color: #ae81ff } /* Literal.String.Escape */
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
.highlight .sx { color: #e6db74 } /* Literal.String.Other */
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
.highlight .gh { color: #111111 } /* Generic Heading & Diff Header */
.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */